| 原生js把数据循遍历到前端table | 您所在的位置：网站首页 › js 遍历table › 原生js把数据循遍历到前端table |
原生js把数据循遍历到前端table
|
发布时间：2020-10-29 18:24:24
原标题：原生js把数据循遍历到前端table 用前端框架去给表格赋值简直不要太容易和简单。但是原生js就会复杂一些了。特别是按钮事件的那个（“ ）和 （’）特别让人脑瓜子疼。 最近做了一个功能，里面用的就是原生js实现。 写在js里面的代码：(用的ajax请求将文件保存到服务器，返回的数据遍历到table) 1 function 方法名() { 2 $.ajax({ 3 type: 'POST', 4 url: '路径‘ 5 data: Data, 6 processData: false, 7 contentType: false, 8 success: function (data) { 9 if (data != null) {10 var fileTable = data.FileTableList;11 $("#TbData").empty();12 for (var i = 0; i < fileTable.length; i++) {13 14 var $trTemp = $("");15 $trTemp.append("" + "删除" + " " + "下载" + "" + "");16 $trTemp.append("" + fileTable[i].FileName + "");17 $trTemp.append("" + fileTable[i].NameCh + "");18 $trTemp.append("" + fileTable[i].UserId + "");19 $trTemp.append("" + NewDtime + "");20 21 $("#TbData").append($trTemp);22 $trTemp.appendTo("#TbData");23 24 }25 }26 else {27 28 dialogMsg(data.message, 0);29 }30 }31 });32 }
写在HTML的代码： 操作 文件名称 上传人 上传工号 上传时间我这里做的是有个上传文件的功能。可以对其文件进行删除和下载。 效果图如下：
删除和下载的方法这里就不加了，有需要的可以联系我。 如若转载，请备明出处，谢谢！ 本文地址：https://www.cnblogs.com/yifeixue/p/13895996.html
原标题：原生js把数据循遍历到前端table 关键词：JS 转载请保留本文网址： http://www.shaoqun.com/a/484726.html 上一篇： 签到功能，用 MySQL 还是 Redis ？ 下一篇： 面试题（2020）前端HTTP浏览器相关面试题 |
【本文地址】
公司简介
联系我们